<style>

</style>

<template>
    <div>
        <div class='row'>
            <div class='col-lg-3 col-md-3 col-sm-6 col-xs-12'>
                <passport-stat></passport-stat>
            </div>
            <div class='col-lg-3 col-md-3 col-sm-6 col-xs-12'>
                <payment-stat></payment-stat>
            </div>
            <div class='col-lg-3 col-md-3 col-sm-6 col-xs-12'>
                <compete-stat></compete-stat>
            </div>
            <div class='col-lg-3 col-md-3 col-sm-6 col-xs-12'>
                <a class='dashboard-stat dashboard-stat-v2 purple' href='#'>
                    <div class='visual'>
                        <i class='fa fa-globe'></i>
                    </div>
                    <div class='details'>
                        <div class='number'> +
                            <span data-counter='counterup' data-value='89'>89</span>% </div>
                        <div class='desc'> Brand Popularity </div>
                    </div>
                </a>
            </div>
        </div>
        <div class='row'>
            <div class='col-md-7'>
                <quick-audit></quick-audit>
            </div>
            <div class='col-md-5'>
                <compete-stat-pie></compete-stat-pie>
            </div>
        </div>
        <div class='row'>
            <div class='col-md-6'>
                <payment-stat-bar></payment-stat-bar>
            </div>
            <div class='col-md-6'>
                <passport-stat-map></passport-stat-map>
            </div>
        </div>
    </div>
</template>

<script>

import PassportStat from './passport_stat.vue';
import PassportStatMap from './passport_stat_map.vue';
import CompeteStat from './compete_stat.vue';
import CompeteStatPie from './compete_stat_pie.vue';
import PaymentStat from './payment_stat.vue';
import PaymentStatBar from './payment_stat_bar.vue';
import QuickAudit from './quick_audit.vue';

export default {
    components: {
        PassportStat,
        PassportStatMap,
        CompeteStat,
        CompeteStatPie,
        PaymentStat,
        PaymentStatBar,
        QuickAudit
    },
    created() {

    },
    mounted() {
    },
    methods: {

    }
}
</script>


